<template>
    <!--网页的结构，写html-->
    <dev class="app">
       <h1>hello world vscode</h1>
    </dev>
    <person/>  <!--使用自定义组件-->
    
 </template>
 
 <script lang='ts'>
    import person from './components/person.vue';
    // ts js
    export default{
       name: 'app',  //组件名称
       components:{person} //注册自定义的组件
    }
 </script>
 
 <style>
     /*样式*/
     .app {
          background-color: bisque;
          box-shadow: 0 0 10px;
          border-radius: 10px;
          padding: 20px;
     }
 </style>